<!DOCTYPE html>
<html>

<head>
    <title>时间控件测试</title>
    <link rel="stylesheet" type="text/css" href="/static/css/base.css">
    <link rel="stylesheet" type="text/css" href="/static/css/controls.css">
    <script type="text/javascript">
        window.ctx=""
    </script>
</head>

<body ng-controller="TimeController">
    <div style="margin:100px;auto;">
        <button ng-click="changeTime()">改变值</button>
        <button ng-click="disabledTime()">是否禁用</button>
        <br>
        12小时制：
        <g-time pattern="hh:mm" width="300px" css-class="test-class" css-style="{'background-color':'#eee'}" ng-model="test.time" disabled="disabled"></g-time>
        <br>
        <br>
        <br>
        <br>
        24小时制：
        <g-time pattern="HH:mm" width="300px" css-class="test-class" css-style="{'background-color':'#eee'}"  disabled="disabled"></g-time>
    </div>
    <script data-main="/static/app.js" type="text/javascript" src="/bower_components/requirejs/require.js" data-bootstrap-modules="'demo/time/TestTimeModule'"></script>
</body>

</html>
